<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
		 .radio-inline input[type=radio] {
    margin-top: 4px;
}
    </style>
</head>

<body style="color:#333;padding:3px;overflow-x: auto">
    <!-- 标题 -->
    <div class="page-heade clearfix">
      <h1 class="clearfix"><a class="col-md-6 title_color H_right  H_active" id="Ap1" style="font-size: 16px;" href="{:url('Other/so1')}">销售订单查询</a> <a class="col-md-6 title_color "  id="Ap2" style=" font-size: 16px;color:#333;" href="{:url('Other/so2')}">销售订单明细查询</a></h1>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="row-margin-top tab-content table-bordered table text-left" border="1">
      	  <tr>
      	  	<td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">订单状态：</label></td>
		 	<td colspan="5">
				<div class="form-group">
             <label class="radio-inline">
                  <input type="radio" checked name="inlineRadioOptions2" id="inlineRadio11" value="option11">全部
            	</label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio21" value="option21">审批中
           		 </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio12" value="option12">待发货
           		 </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio22" value="option24">待收货
           		 </label>
              <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions2" id="inlineRadio13" value="option15">已收货
            	</label>
            </div>
		 	</td>
      	  </tr>
          <tr>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">分区：</label></td>
            <td><input type="text" class="form-control" name=""></td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">省份：</label></td>
            <td><input type="text" class="form-control" name=""></td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">城市：</label>
             </td>
              <td><input type="text" class="form-control" name=""></td>
             </tr>
            <tr>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">申请时间：</label></td>
            <td>
                 <div class="form-group">
           		 <input type="text" id="start" class="form-control layer-date " style="min-width: 100px;width: 100px;display: inline-block;">
           		</div>
           		 <div class="form-group">
                	到
           		 </div>
           		<div class="form-group">
            		<input type="text" class="form-control layer-date" style="min-width: 100px;width: 100px;display: inline-block;" id="end">
          		 </div>
            </td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">订单号：</label></td>
            <td><input type="text" class="form-control" name=""></td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">金额(元)范围：</label>
             </td>
              <td>
              <input type="text" class="form-control" name="" style="min-width: 100px;width: 100px">
              到
                <input type="text" class="form-control" name="" style="min-width: 100px;width: 100px">
              </td>
             </tr>
              <tr>
              <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">审批归档时间：</label></td>
            <td>
                 <div class="form-group">
               <input type="text" id="start1" class="form-control layer-date " style="min-width: 100px;width: 100px;display: inline-block;">
              </div>
               <div class="form-group">
                  到
               </div>
              <div class="form-group">
                <input type="text" class="form-control layer-date" style="min-width: 100px;width: 100px;display: inline-block;" id="end1">
               </div>
            </td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">经销商编号：</label>
             </td>
              <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">申请状态：</label></td>
            <td>
				   <select name="" id="" class="form-control">
                  <option value="0">请选择</option>
                  <option value="1">草稿</option>
                  <option value="2">业务员审批</option>
                  <option value="3">已打回</option>
                  <option value="4">区域领导审批</option>
                  <option value="5">拆分人审批</option>
                  <option value="6">集团领导审批</option>
                  <option value="7">抄送</option>
                  <option value="8">已归档</option>
                  <option value="9">已作废</option>
                  <option value="10">已否决</option>
                </select>
            </td>
             </tr>
               <tr>
              <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">发货时间：</label></td>
            <td>
                 <div class="form-group">
               <input type="text" id="start2" class="form-control layer-date " style="min-width: 100px;width: 100px;display: inline-block;">
              </div>
               <div class="form-group">
                  到
               </div>
              <div class="form-group">
                <input type="text" class="form-control layer-date" style="min-width: 100px;width: 100px;display: inline-block;" id="end2">
               </div>
            </td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">经销商名称：</label>
             </td>
              <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">发货状态：</label></td>
            <td>
           <select name="" id="" class="form-control">
                    <option value="0">全部</option>
                    <option value="1">未发货</option>
                    <option value="2">部分发货</option>
                    <option value="3">发货完毕</option>
                </select>
            </td>
             </tr>
               <tr>
              <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">预估到货时间：</label></td>
            <td>
                 <div class="form-group">
               <input type="text" id="start3" class="form-control layer-date " style="min-width: 100px;width: 100px;display: inline-block;">
              </div>
               <div class="form-group">
                  到
               </div>
              <div class="form-group">
                <input type="text" class="form-control layer-date" style="min-width: 100px;width: 100px;display: inline-block;" id="end3">
               </div>
            </td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">渠道优惠政策编号：</label>
             </td>
              <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">收货状态：</label></td>
            <td>
           <select name="" id="" class="form-control">
                    <option value="0">请选择</option>
                    <option value="1">已收货</option>
                    <option value="2">未收货</option>
                </select>
            </td>
             </tr>
               <tr>
              <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">到货时间：</label></td>
            <td>
                 <div class="form-group">
               <input type="text" id="start4" class="form-control layer-date " style="min-width: 100px;width: 100px;display: inline-block;">
              </div>
               <div class="form-group">
                  到
               </div>
              <div class="form-group">
                <input type="text" class="form-control layer-date" style="min-width: 100px;width: 100px;display: inline-block;" id="end4">
               </div>
            </td>
             <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">申请人：</label>
             </td>
              <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 140px;width: 140px" class="text-right"><label for="" class="form-label">发票类型：</label></td>
            <td>
           <select name="" id="" class="form-control">
                    <option value="0">请选择</option>
                    <option value="1">普通发票</option>
                    <option value="2">增值税发票</option>
                </select>
            </td>
             </tr>
          <tr>
             <td colspan="6" class="text-center">
              <button class="btn btn-info query" type="button">查询</button>
              <button class="btn btn-info emptyIf" type="button">清空</button>
              <button class="btn btn-info LendExcel" type="button">导出Excel</button>
            </td>
          </tr>
      </table>
      <table class="table row-margin-top table-bordered text-center bud_hei">
          <tr class="info">
            <th style="min-width:40px;width: 40px;" class="text-center">NO.</th>
            <th style="min-width:120px;width: 120px;" class="text-center">分区</th>
            <th style="min-width:120px;width: 120px;" class="text-center">省份</th>
            <th style="min-width:120px;width: 120px;" class="text-center">城市</th>
            <th style="min-width:120px;width: 120px;" class="text-center">申请时间</th>
            <th style="min-width:120px;width: 120px;" class="text-center">审核归档时间</th>
            <th style="min-width:160px;width: 160px;" class="text-center">订单号</th>
            <th style="min-width:120px;width: 120px;" class="text-center">申请人</th>
            <th style="min-width:160px;width: 160px;" class="text-center">经销商编号</th>
            <th style="min-width:220px;width: 220px;" class="text-center">经销商名称</th>
            <th style="min-width:180px;width: 180px;" class="text-center">渠道优惠政策<br>编号</th>
            <th style="min-width:120px;width: 120px;" class="text-center">发票类型</th>
            <th style="min-width:120px;width: 120px;" class="text-center">申请状态</th>
            <th style="min-width:120px;width: 120px;" class="text-center">发货状态</th>
            <th style="min-width:120px;width: 120px;" class="text-center">发货状态</th>
            <th style="min-width:120px;width: 120px;" class="text-center">发货时间</th>
            <th style="min-width:120px;width: 180px;" class="text-center">预估到货时间</th>
            <th style="min-width:120px;width: 120px;" class="text-center">收货状态</th>
            <th style="min-width:180px;width: 180px;" class="text-center">收货时间</th>
            <th style="min-width:120px;width: 120px;" class="text-center">箱数</th>
            <th style="min-width:120px;width: 120px;" class="text-center">金额(元)</th>
            <th style="min-width:200px;width: 200px;" class="text-center">操作</th>
          </tr>
          <tr>
			       <td>1</td>
			       <td>华南大区</td>
			       <td>广东省</td>
			       <td>广州市</td>
			       <td>2016-10-18</td>
             <td></td>
			       <td><a href="sell2aToDetail.html">201610180015</a></td>
			       <td>余通</td>
			       <td>CU00011</td>
			       <td>广州市汇佳嘉贸易有限公司<span class="glyphicon glyphicon-ok duigou" title="已生效" aria-hidden="true"></span></td>
			       <td></td>
              <td>普通发票</td>
			       <td>集团领导审批</td>
              <td>未发货</td>
              <td></td>
             <td></td>
			       <td></td>
			       <td>未收货</td>
              <td></td>
			       <td>265.0</td>
			       <td class="ObjectNum">107560</td>
			       <td><a href="javascript:;" class="Modify_adr">修改收货地址</a>&nbsp;<a href="javascript:;" class="order_del">订单作废</a></td>
          </tr>
     
      </table>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>

    <script>
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

         var start1 = {
            elem: '#start1',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end1.min = datas; //开始日选好后，重置结束日的最小日期
                end1.start1 = datas //将结束日的初始值设定为开始日
            }
        };
        var end1 = {
            elem: '#end1',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start1.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

         var start2 = {
            elem: '#start2',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end2.min = datas; //开始日选好后，重置结束日的最小日期
                end2.start2 = datas //将结束日的初始值设定为开始日
            }
        };
        var end2 = {
            elem: '#end2',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start2.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

         var start3 = {
            elem: '#start3',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end1.min = datas; //开始日选好后，重置结束日的最小日期
                end1.start1 = datas //将结束日的初始值设定为开始日
            }
        };
        var end3 = {
            elem: '#end3',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start3.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

         var start4 = {
            elem: '#start4',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end4.min = datas; //开始日选好后，重置结束日的最小日期
                end4.start4 = datas //将结束日的初始值设定为开始日
            }
        };
        var end4 = {
            elem: '#end4',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start4.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        laydate(start1);
        laydate(end1);
        laydate(start2);
        laydate(end2);
        laydate(start3);
        laydate(end3);
        laydate(start4);
        laydate(end4);

        /*修改收货地址*/
          $(".Modify_adr").click(function(){
                  layer.open({
                   type: 2,
                    skin: 'layui-layer-rim', //加上边框
                   area: ['800px', '500px'], //宽高
                   title:"",
                   content: "{:url('Other/delivery_address')}"
               });
            })
          /*订单作废*/
        $(document).on("click",".order_del",function(){
              swal({ 
                title: "", 
                text: "确定作废？", 
                type: "warning",
               showCancelButton: true, 
               confirmButtonColor: "#DD6B55",
               confirmButtonText: "确定", 
               cancelButtonText: "取消",
               closeOnConfirm: false, 
              },
              function(){
                swal("删除！", "", "success"); 
              });
          })
    </script>
</body>

</html>
